﻿.workflow-editor {
    position: relative;
    user-select: none;
}

    .workflow-editor .workflow-viewport {
        position: relative;
        height: 600px;
        overflow: hidden;
    }

        .workflow-editor .workflow-viewport ::deep .workflow-canvas {
            position: absolute;
            transform-origin: left top;
            left: 0;
            top: 0;
        }

    .workflow-editor .workflow-toolbar-container {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .workflow-editor .workflow-navigator-container {
        position: absolute;
        border: 2px solid #BDC3C7;
        background-color: #ECF0F1;
        bottom: 0;
        right: 0;
        width: 300px;
        height: 200px;
        z-index: 1;
    }

.workflow-editor {
    --wf-backcolor: white;
    --wf-node-width: 160px;
    --wf-node-min-height: 40px;
    --wf-node-line-length: 40px;
    --wf-node-branch-min-width: 100px;
    --wf-node-branch-line-length: 80px;
    --wf-node-border-color: #2980B9;
    --wf-node-border-radius: 4px;
    --wf-node-backcolor: white;
    --wf-node-line-color: #2980B9;
}
